<!DOCTYPE html>
{% load static %}
<html>
<head>
    <title>DreamLife登录</title>
    <link rel="stylesheet" type="text/css" href="{% static 'css/login.css' %}">
    <link rel="icon" type="image/x-icon" href="{% static 'img/icon.ico' %}">
</head>
<body>
    <div id="header">
        <div class="h_centre">
            <img class="img_left" src="{% static 'img/logo_BerlinTheEast.png' %}" alt=''>
            <p>欢迎来到 DreamLife ！</p>
            <img class="img_right" src="{% static 'img/logo_ToothFair.png' %}" alt=''>
        </div>
    </div>

    <div id="login_body">
        <div class="login_b_center">
            <div class="box">
                <div class="border">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <div class="content">
                <h1>登录</h1>
                    <form method="POST" action="{% url 'login' %}" id="login">  
                            {% csrf_token %}
                            <div class="userName">
                                <span></span>
                                <!-- <input type="text" id="username" name="username" required> -->{{ form.username }}
                                <br><br>
                            </div>
                            <div class="password">
                                <span></span>
                                <!-- <input type="password" id="password" name="password" required> -->{{ form.password }}
                                <br><br>
                            </div>
                            <div class="login_btn">
                                <input class="login_btn" type="submit" value="登录" style="cursor: pointer">
                            </div>
                        <div class="forgot_password">
                            <a href="/user/forget_password">忘记密码？!</a>      
                            <a href="/user/register">注册</a>
                        </div>
                        <p>{{ error_message }}</p>
                    </form>
                    <br>
                 </div>
            </div>
        </div>
    </div>
</body>
</html>